﻿@model List<SnongPhoneShop.Models.YKienKhachHang>

<script src="~/Scripts/jquery.my.comment.box.js"></script>

<div class="box-comment-tiles tiles scroll-enable">
    <div class="user-comment-input">
        @if (Session["User"] != null)
        { 
            <textarea id="txt-comment-input" class="scroll-enable" placeholder="Viết bình luận về sản phẩm này"></textarea>
            <input type="submit" value="Gửi" id="txt-comment-submit" />
        }
        else
        { 
            <textarea id="txt-comment-input" class="scroll-enable" placeholder="Đăng nhập để bình luận" disabled="disabled"></textarea>
            <input type="submit" value="Gửi" id="txt-comment-submit" disabled="disabled" />
        }
        <span id="show-hide-box-comment">+ Thêm bình luận +</span>
    </div>
    <div class="user-comment-display scroll-enable">
        @if (Model.Count > 0)
        {
            for (int i = 0; i < Model.Count; i++)
            {
                if (i % 2 == 0)
                { 
                    @Html.Raw("<fieldset class=\"user-comment\" style=\"background-color:#cee9f3\">")
                }else{
                    @Html.Raw("<fieldset class=\"user-comment\" style=\"background-color:#a4ffa4\">")
                }
                @Html.Raw("<legend>")
                    @Model[i].TenDangNhapKH
                @Html.Raw("</legend>")
                <div class="user-comment-content">
                    @Model[i].NoiDung
                </div>
                if (Session["User"] != null && Session["User"].ToString().Equals(Model[i].TenDangNhapKH))
                { 
                    <b class="delete-comment" data-id="@Model[i].MaYKien"></b>
                }                          
                <hr />
                <div class="user-comment-time">
                    @Model[i].ThoiGian
                </div>
                @Html.Raw("</fieldset>")
            }
        }
        else
        { 
            <b class="Mess-No-Item">Hiện chưa có bình luận nào về sản phẩm!</b>
        }
    </div>
</div>